SlideShare una empresa de Scribd logo

Html

•Descargar como PPS, PDF•
•
M
Milton

Este documento proporciona una introducción al lenguaje HTML y sus principales etiquetas y funciones. Explica cómo crear la estructura básica de una página web con las etiquetas <HTML>, <HEAD>, <TITLE> y <BODY>. También describe cómo agregar formato de texto, colores, tamaños de fuente, enlaces, listas, tablas y otros elementos básicos usando etiquetas HTML.

TecnologíaDiseño
1 de 22
TALLER DE HTML
¿ QUE ES HTML? ,[object Object],[object Object],[object Object],[object Object],[object Object]
UNA P Á GINA B Á SICA ,[object Object],[object Object],[object Object],[object Object]
Continuaci ón: ,[object Object],[object Object],[object Object],[object Object],[object Object]
Continuaci ón: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Continuaci ón: ,[object Object],[object Object],[object Object],[object Object],[object Object]
FORMATO DEL TEXTO ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Continuaci ón: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Continuaci ón: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Continuaci ón: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Continuaci ón: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ejemplo: Tabla 1 Tabla 2 < H1 > El mayor < /H1 > El mayor < H4 > Tamaño 4 < /H4 > Tamaño 4 < H2 > Tamaño 2 < /H2 > Tamaño 2 < H5 > Tamaño 5 < /H5 > Tamaño 5 < H3 > Tamaño 3 < /H3 > Tamaño 3 < H6 > Tamaño 6 < /H6 > Tamaño 6 < b > Negrita < /b > < strong > Negrita < /strong > Negrita Negrita < i > Cursiva < /i > < em > Cursiva < /em > Cursiva Cursiva < strike > Tachada < /strike > Tachada < sup > Superíndice < /sup > Normal Superíndice < kbd > Máquina < /kbd > Máquina < sub > subíndice < /sub > Normal subíndice
Continuaci ón: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Continuaci ón: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Continuaci ón: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
LISTAS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Continuaci ón: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Continuaci ón: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ENLACES ,[object Object],[object Object],[object Object],[object Object]
Continuaci ón: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
TABLAS ,[object Object],<TR></TR> Fila de una tabla. <TD></TD> Celda de data. <TH></TH> Usado para los títulos de las columnas. ( Básicamente hace la misma función de fila.)
Continuaci ón: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Recomendados

Taller de html
Taller de htmlTaller de html
Taller de html
blankkizz
 
Introhtml
IntrohtmlIntrohtml
Introhtml
Colegio Agropecuario de San Carlos
 
Html basico
Html basicoHtml basico
Html basico
Yo ♥ Tacna
 
Html2
Html2Html2
Html2
Jose Benavente
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IV
guestc906c2
 
Tabla de colores hexodecimales
Tabla de colores hexodecimalesTabla de colores hexodecimales
Tabla de colores hexodecimales
leonardog07
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
guestc906c2
 
Paola ruiz roa,Alejandra roa HTML
Paola ruiz roa,Alejandra roa HTMLPaola ruiz roa,Alejandra roa HTML
Paola ruiz roa,Alejandra roa HTML
PaoLiita Ruiiz
 

Recomendados

Taller de html
Taller de htmlTaller de html
Taller de html
blankkizz
 
Introhtml
IntrohtmlIntrohtml
Introhtml
Colegio Agropecuario de San Carlos
 
Html basico
Html basicoHtml basico
Html basico
Yo ♥ Tacna
 
Html2
Html2Html2
Html2
Jose Benavente
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IV
guestc906c2
 
Tabla de colores hexodecimales
Tabla de colores hexodecimalesTabla de colores hexodecimales
Tabla de colores hexodecimales
leonardog07
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
guestc906c2
 
Paola ruiz roa,Alejandra roa HTML
Paola ruiz roa,Alejandra roa HTMLPaola ruiz roa,Alejandra roa HTML
Paola ruiz roa,Alejandra roa HTML
PaoLiita Ruiiz
 
Html
HtmlHtml
Html
apedron
 
Presentaciondehtml Ximenacondori
Presentaciondehtml XimenacondoriPresentaciondehtml Ximenacondori
Presentaciondehtml Ximenacondori
Ximena
 
Tema 03 formateando texto en html
Tema 03 formateando texto en htmlTema 03 formateando texto en html
Tema 03 formateando texto en html
Salomon Aquino
 
Qué es html
Qué es htmlQué es html
Qué es html
edujoso
 
Guia 4 lenguaje html
Guia 4 lenguaje htmlGuia 4 lenguaje html
Guia 4 lenguaje html
Cristian Gonzalez
 
Present: I WEB DINAMICAS
Present: I WEB DINAMICASPresent: I WEB DINAMICAS
Present: I WEB DINAMICAS
Enrique Gutiérrez
 
Ejemplo de etiquetas
Ejemplo de etiquetasEjemplo de etiquetas
Ejemplo de etiquetas
Juan Carlos Medrano
 
04 Marcas HTML
04 Marcas HTML04 Marcas HTML
04 Marcas HTML
pizarg0
 
Sandra,male yangela guion
Sandra,male yangela guionSandra,male yangela guion
Sandra,male yangela guion
Angelablanco2828
 
Codigo de textos
Codigo de textosCodigo de textos
Codigo de textos
Johan Gomez
 
Html 101
Html 101Html 101
Html 101
Juan C. Camus
 
Codigos de texto
Codigos de textoCodigos de texto
Codigos de texto
Piti Valeriano
 
Clase22
Clase22Clase22
Clase22
Leonel Morales Díaz
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
Yo ♥ Tacna
 
Diapo02
Diapo02Diapo02
Diapo02
Instituto Tenológico de Mexicali
 
Html
HtmlHtml
Html
Fabian Arturo Pascagaza
 
Introduccion Xhtml
Introduccion XhtmlIntroduccion Xhtml
Introduccion Xhtml
guest31a5fa
 
Html basico
Html basicoHtml basico
Html basico
Yo ♥ Tacna
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
Anna García Sans
 
Curso Html Basico
Curso Html BasicoCurso Html Basico
Curso Html Basico
Facundo Oliva
 
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es HtmlC:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
edujoso
 
Curso Html
Curso HtmlCurso Html
Curso Html
Erika Clara Gutiérrez Franco
 

Más contenido relacionado

La actualidad más candente

Presentaciondehtml Ximenacondori
Presentaciondehtml XimenacondoriPresentaciondehtml Ximenacondori
Presentaciondehtml Ximenacondori
Ximena
 
Qué es html
Qué es htmlQué es html
Qué es html
edujoso
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
Yo ♥ Tacna
 

La actualidad más candente (17)

Html
HtmlHtml
Html
 
Presentaciondehtml Ximenacondori
Presentaciondehtml XimenacondoriPresentaciondehtml Ximenacondori
Presentaciondehtml Ximenacondori
 
Tema 03 formateando texto en html
Tema 03 formateando texto en htmlTema 03 formateando texto en html
Tema 03 formateando texto en html
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Guia 4 lenguaje html
Guia 4 lenguaje htmlGuia 4 lenguaje html
Guia 4 lenguaje html
 
Present: I WEB DINAMICAS
Present: I WEB DINAMICASPresent: I WEB DINAMICAS
Present: I WEB DINAMICAS
 
Ejemplo de etiquetas
Ejemplo de etiquetasEjemplo de etiquetas
Ejemplo de etiquetas
 
04 Marcas HTML
04 Marcas HTML04 Marcas HTML
04 Marcas HTML
 
Sandra,male yangela guion
Sandra,male yangela guionSandra,male yangela guion
Sandra,male yangela guion
 
Codigo de textos
Codigo de textosCodigo de textos
Codigo de textos
 
Html 101
Html 101Html 101
Html 101
 
Codigos de texto
Codigos de textoCodigos de texto
Codigos de texto
 
Clase22
Clase22Clase22
Clase22
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
 
Diapo02
Diapo02Diapo02
Diapo02
 
Html
HtmlHtml
Html
 
Introduccion Xhtml
Introduccion XhtmlIntroduccion Xhtml
Introduccion Xhtml
 

Similar a Html

C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es HtmlC:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
edujoso
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
zenirod
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
oscarg1285
 

Similar a Html (20)

Html basico
Html basicoHtml basico
Html basico
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Curso Html Basico
Curso Html BasicoCurso Html Basico
Curso Html Basico
 
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es HtmlC:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
 
Curso Html
Curso HtmlCurso Html
Curso Html
 
Html apunte 2
Html apunte 2Html apunte 2
Html apunte 2
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Html Bas
Html BasHtml Bas
Html Bas
 
Clase 2
Clase 2Clase 2
Clase 2
 
Clase 2
Clase 2Clase 2
Clase 2
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Practica Html1
Practica Html1Practica Html1
Practica Html1
 
Ingeniería web
Ingeniería webIngeniería web
Ingeniería web
 
Guia básica html
Guia básica htmlGuia básica html
Guia básica html
 
Html
HtmlHtml
Html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Primeraclase
PrimeraclasePrimeraclase
Primeraclase
 
Cristhian garcia
Cristhian garciaCristhian garcia
Cristhian garcia
 

Último

Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
JohnRamos830530
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Último (11)

Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 

Html

  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12. Ejemplo: Tabla 1 Tabla 2 < H1 > El mayor < /H1 > El mayor < H4 > Tamaño 4 < /H4 > Tamaño 4 < H2 > Tamaño 2 < /H2 > Tamaño 2 < H5 > Tamaño 5 < /H5 > Tamaño 5 < H3 > Tamaño 3 < /H3 > Tamaño 3 < H6 > Tamaño 6 < /H6 > Tamaño 6 < b > Negrita < /b > < strong > Negrita < /strong > Negrita Negrita < i > Cursiva < /i > < em > Cursiva < /em > Cursiva Cursiva < strike > Tachada < /strike > Tachada < sup > Superíndice < /sup > Normal Superíndice < kbd > Máquina < /kbd > Máquina < sub > subíndice < /sub > Normal subíndice
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.